/* media.css */
@charset "utf-8";

@media screen and (max-width:768px) {
    body {
        letter-spacing: 1px;
    }
    .container {
        max-width: 100%;
        margin: 0 auto;
    }
    .header .header-logo {
        display: flex;
    }
    .video .share {
        display: none;
    }
    .video h2 {
        font-size: 14px;
    }
    .video .video-play {
        top: 11%;
        width: 60px;
        height: 60px;
    }
    .video video {
        width: 94%;
        border-radius: 10px;
    }
    .mobile-box {
        display: block;
    }
    .title h3 {
        font-size: 14px;
    }
    .title h3 img:nth-of-type(2) {
        width: 26px;
        height: 13px;
    }
    .review .review-list li {
        font-size: 14px;
    }
    .review .review-list li:nth-of-type(3) {
        display: none;
    }
    .message .tips p i {
        left: 5%;
    }
    .comment .comment-title {
        margin: 7% auto;
        font-size: 12px;
    }
    .comment-title .text p {
        width: 200px;
        text-align: right;
    }
    .comment-title .text p i {
        left: 3%;
    }
    .comment-title .login {
        padding-right: 3%;
    }
    .comment-title .login a {
        padding: 4px 7px;
    }
    .comment-title .login a:nth-of-type(2) {
        margin: 0;
    }
    .c-line {
        display: none;
    }
    .message .comment {
        height: 410px;
        margin-bottom: 10px;
    }
    .comment .line::before {
        width: 34%;
    }
    .comment .line::after {
        width: 34%;
    }
    .comment-box .comment-list li:nth-of-type(2) {
        display: none;
    }
    .content-top div {
        margin-left: 6px;
    }
    .comment-list li .goods {
        top: 9%;
        right: 0;
    }
    .comment-list li .content {
        width: 100%;
    }
    .content .content-bottom p {
        padding: 20px 0 0 17%;
    }
    .content-talk .talk-title {
        margin-top: 10px;
        background: none;
        border: none;
        border-radius:0;
    }
    .sidebar {
        display: none;
    }
}